<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <link rel="stylesheet" type="text/css" href="../css/style.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                initThickBox('.thickbox');              
                $j('.keysearch').live('keyup',function(){
                    if($j('.keysearch').val() == ""){
                        $j('.rich-table-row').show();
                                   
                    }else{
                        $j('.rich-table-row').hide();
                        $j('.rich-table-row').each(function(){
                            html = $j(this).html();
                            if(   ununicode(html).indexOf(  ununicode($j('.keysearch').val()) ) > -1    )  {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
                    
                $j('.checkNew_select').live('click',function(){
                    var lang= $j(this).attr("lang");
                    var boool;
                    // alert(lang)               
                    if( $j(this).is(":checked"))
                    {
                        boool = true;
                    }
                    else
                    {
                        boool = false;
                    }
                            
                    $j.post("itemshowevent.jsp?action=addCusp100new&p100="+lang+"&valueB="+boool,function(data){
                            
                    });
                });
                    
                $j(".checkAllNew").live("click",function(){
                    flag = $j('.checkAllNew').is(':checked');
                       
                    $j(".checkNew_select").each(function(){
                        $j('.checkNew_select')  .attr('checked', flag);
                    });
                        
                    var boool;
                    if( $j(this).is(":checked"))
                    {
                        boool = true;
                    }
                    else
                    {
                        boool = false;
                    }
                        
                    $j.post("itemshowevent.jsp?action=addAllCusp100new&bool="+boool,function(data){
                            
                    });

                });
                
                 $j('.checkNew_500select').live('click',function(){
                    var lang= $j(this).attr("lang");
                    var boool;
                    // alert(lang)               
                    if( $j(this).is(":checked"))
                    {
                        boool = true;
                    }
                    else
                    {
                        boool = false;
                    }
                            
                    $j.post("itemshowevent.jsp?action=addCusp500new&p500="+lang+"&valueB="+boool,function(data){
                            
                    });
                });
                    
                $j(".checkAll500New").live("click",function(){
                    flag = $j('.checkAll500New').is(':checked');
                       
                    $j(".checkNew_500select").each(function(){
                        $j('.checkNew_500select')  .attr('checked', flag);
                    });
                        
                    var boool;
                    if( $j(this).is(":checked"))
                    {
                        boool = true;
                    }
                    else
                    {
                        boool = false;
                    }
                        
                    $j.post("itemshowevent.jsp?action=addallCusp500new&bool="+boool,function(data){
                            
                    });

                });
                
                
                $j(".rich-table-row:odd").addClass("odd");
                 $j( ".sendSMS_person" ).click(function() {
                        $j( "#togglesms" ).show();
                        $j( "#togglesms" ).animate({height:'auto',opacity:'0.9'},"slow");
                        $j( "#togglesms" ).animate({width:'39%',opacity:'0.9'},"slow");
                        var info = $j(this).attr('lang');
                        $j.post("SgtSMS.jsp?action=send_sms_person&"+info,function(data){
                            if(data!=null){
                                $j( "#togglesms" ).html(data);
                            }
                        });
                    });          
            });
        </script>

    </head>

    <body>
             <div id="togglesms">

        </div>
        <a4j:form>
            <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" />
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.MENU_DAB_VIEW}'></div>" escape="false"/>
            <div id="content">

                <div id="menu_top">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <h:panelGroup rendered="#{loginSession.right.DAB_LST_PAR}">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#">
                                    <span class="department2" lang="<h:outputText value="#{n450_n850.fn850}"/>">
                                        <h:outputText rendered="#{n450_n850.fn850 !=0}" value="#{n450_n850.nv851}"/>
                                        <%--      <h:outputText rendered="#{n450_n850.fn850 ==0}" value="Tất cả"/> --%>
                                    </span>
                                </a>
                            </div>
                            <div class="select_hidden departmentlistN850">
                                <ul>
                                    <a4j:repeat value="#{n450_n850.listComb850}" var="item">
                                        <li><a href="#"><span class="department2" lang="<h:outputText value="#{item.value}"/>">
                                                    <h:outputText value="#{item.label}"/>
                                                </span></a></li> 
                                            </a4j:repeat>
                                </ul>
                            </div>
                        </div>
                    </h:panelGroup>
                </div>
                <div style="float:left;width: 98.3%;margin-left: 0.8%;padding: 3px;">
                    <div style="float:left;margin-left: 5px;">
                        <h:panelGroup rendered="#{loginSession.right.DKH_LST_MAL}">                                    
                            <h:outputLink  value="popUpSendEmail.jsp?page=customer4tour&v050mail=#{v030Controller.FV050}&KeepThis=true&amp;TB_iframe=true&amp;height=653&amp;width=741&amp;modal=true" styleClass="thickbox" id="thickbox35"  >  
                                <img src="../images/icon_email1.png"  title="Gửi email từ khách hàng theo Tour"/>
                            </h:outputLink>
                        </h:panelGroup>
                    </div>
                    <div style="float:left;margin-left: 5px;">
                        
                                 <img src="../images/viewSMS.png" class="sendSMS_person" lang="page=itemshowevenSMS" style="cursor: pointer;" title="Xác nhận  SMS"/>

                    </div>
                </div>
                <div id="content_detail">
                    <div class="content_right">
                        <div id="content">   


                            <rich:tabPanel selectedTab="#{EmpBean.tabString}" switchType="ajax">

                                <rich:tab name="TABLL" action="#{EmpBean.chooseTabll}" label="SINH NHẬT NHÂN VIÊN">
                                    <h:panelGroup id="reload3" style="float:left;width:100%;">
                                        <div style="width: 100% !important;float:left;">
                                            <div style="float:left;width:99.5%;padding: 3px;background-color: #50678A;">
                                                <div style="float:left;width: 44%;height: 21px;margin-left: 3px;">

                                                    <div style="width:33%;float: left;">
                                                        <a4j:outputPanel layout="block">
                                                            <rich:calendar  value="#{EmpBean.startDT}" id="calendar1" locale="US" popup="true" datePattern="dd/MM/yyyy" showApplyButton="false" cellWidth="24px" cellHeight="21px">
                                                            </rich:calendar>
                                                        </a4j:outputPanel>
                                                    </div>
                                                    <div style="float: left;">
                                                        <h:outputText style="color:#fff;font-weight:bold;font-size:15px;margin-right:5px;" value="--"/>
                                                    </div>
                                                    <div style="width:33%;float: left;">
                                                        <a4j:outputPanel layout="block">
                                                            <rich:calendar  value="#{EmpBean.endDT}" id="calendar" locale="US" popup="true" datePattern="dd/MM/yyyy" showApplyButton="false" cellWidth="24px" cellHeight="21px">
                                                            </rich:calendar>
                                                        </a4j:outputPanel>
                                                    </div>
                                                    <div style="float: left;">
                                                        <a4j:commandButton reRender="reload3" style="margin-top:-1px;" actionListener="#{EmpBean.reloadStatusBr}" value="Tìm"></a4j:commandButton>
                                                        </div>

                                                    </div>
                                                    <div style="float:right;width: 15%;">
                                                    <h:inputText style="width:100%;height:23px;" onfocus="if(this.value=='Search') this.value='';" value="Search"/>
                                                </div>
                                            </div>  
                                            <div style="float:left;width: 100%;">
                                                <rich:dataTable value="#{EmpBean.allListN100DA}" rowClasses="white,odditem" var="item" rows="20" rowKeyVar="row" id="table" >

                                                    <rich:column width="3%">
                                                        <f:facet name="header">
                                                            <h:outputText value="STT" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:outputText value="#{row+1}"/>
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="3%">
                                                        <f:facet name="header">
                                                            <h:selectBooleanCheckbox value=""  styleClass="checkAllNew"/>
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:selectBooleanCheckbox value="" lang="#{item.pn100}" styleClass="checkNew_select"/>
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Họ tên" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: left;">
                                                              <h:outputLink  style="font-weight:bold;" value="employee.jsp?action=linkEmp&pnPN100=#{item.pn100}"> <h:outputText  value="#{item.hoten}"/></h:outputLink>
                                                           
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Điện thoại" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                              <h:outputText value="#{item.nv108}" styleClass="sendSMS_person" lang="page=customerexpand.jsp&group=1&hoten=#{item.hoten}&phone=#{item.nv108}&fn100=#{item.pn100}"/>
                                                            
                                                        </div>
                                                    </rich:column>
                                                     <rich:column width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Email" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: left;">
                                                              <h:outputText value="#{item.nv106}"/>
                                                            
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="20%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Ngày sinh nhật" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:outputText value="#{item.nd118bir}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>

                                                            </div>
                                                    </rich:column>
                                                </rich:dataTable>
                                            </div>
                                        </div>
                                    </h:panelGroup>
                                </rich:tab>


                                <rich:tab name="TABCN" action="#{EmpBean.chooseTabCN}" label="SINH NHẬT KH CÁ NHÂN">
                                    <h:panelGroup id="reload4" style="float:left;width:100%;">
                                        <div style="width: 100% !important;float:left;">
                                            <div style="float:left;width:99.5%;padding: 3px;background-color: #50678A;">
                                                <div style="float:left;width: 44%;height: 21px;margin-left: 3px;">

                                                    <div style="width:33%;float: left;">
                                                        <a4j:outputPanel layout="block">
                                                            <rich:calendar  value="#{EmpBean.startDT}" id="calendarC" locale="US" popup="true" datePattern="dd/MM/yyyy" showApplyButton="false" cellWidth="24px" cellHeight="21px">
                                                            </rich:calendar>
                                                        </a4j:outputPanel>
                                                    </div>
                                                    <div style="float: left;">
                                                        <h:outputText style="color:#fff;font-weight:bold;font-size:15px;margin-right:5px;" value="--"/>
                                                    </div>
                                                    <div style="width:33%;float: left;">
                                                        <a4j:outputPanel layout="block">
                                                            <rich:calendar  value="#{EmpBean.endDT}" id="calendarC1" locale="US" popup="true" datePattern="dd/MM/yyyy" showApplyButton="false" cellWidth="24px" cellHeight="21px">
                                                            </rich:calendar>
                                                        </a4j:outputPanel>
                                                    </div>
                                                    <div style="float: left;">
                                                        <a4j:commandButton reRender="reload3" style="margin-top:-1px;" actionListener="#{EmpBean.reloadStatusBr}" value="Tìm"></a4j:commandButton>
                                                        </div>

                                                    </div>
                                                    <div style="float:right;width: 15%;">
                                                    <h:inputText style="width:100%;height:23px;" onfocus="if(this.value=='Search') this.value='';" value="Search"/>
                                                </div>
                                            </div>  
                                            <div style="float:left;width: 100%;">
                                                <rich:dataTable value="#{EmpBean.allListN100DAC}" rowClasses="white,odditem" var="item" rows="50" rowKeyVar="row" >

                                                    <rich:column width="3%">
                                                        <f:facet name="header">
                                                            <h:outputText value="STT" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:outputText value="#{row+1}"/>
                                                        </div>
                                                    </rich:column>
                                                     <rich:column width="3%">
                                                        <f:facet name="header">
                                                            <h:selectBooleanCheckbox value="" styleClass="checkAllNew"/>
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:selectBooleanCheckbox value="" lang="#{item.pn100}" styleClass="checkNew_select"/>
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Họ tên" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: left;">
                                                             <h:outputLink value="customer.jsp?action=linkCus&pnPN100=#{item.pn100}&type=#{item.ni104}"> <h:outputText value="#{item.hoten}" /></h:outputLink>
                           
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Điện thoại" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                              <h:outputText value="#{item.nv108}" styleClass="sendSMS_person" lang="page=customerexpand.jsp&group=1&hoten=#{item.hoten}&phone=#{item.nv108}&fn100=#{item.pn100}"/>
                                                        </div>
                                                    </rich:column>
                                                     <rich:column width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Email" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: left;;">
                                                              <h:outputText value="#{item.nv120}"/>
                                                            
                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="20%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Ngày sinh nhật" />
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:outputText value="#{item.nd118bir}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>

                                                            </div>
                                                    </rich:column>
                                                </rich:dataTable>
                                            </div>
                                        </div>
                                    </h:panelGroup>
                                </rich:tab>

                                <rich:tab name="TABCM" action="#{EmpBean.chooseTabCM}" label="NGHỈ PHÉP">
                                    <h:panelGroup id="reload6" style="float:left;width:100%;">
                                        <div style="width: 100% !important;">
                                            <div style="float:left;width:100%;">
                                                <rich:dataTable value="#{n500Controller.NCURPKS_LISTOFTABN500HOLI}" var="item" 
                                                                rows="50" style="width:100%"  rowKeyVar="index" rowClasses="white,odditem">

                                                    <rich:column style="width:3%;">
                                                        <f:facet name="header">
                                                            <h:outputText value="#{locale.num1}" />
                                                        </f:facet>
                                                        <div style="width:25px; text-align: center">
                                                            <h:outputText value="#{index+1}" />

                                                        </div>
                                                    </rich:column>
                                                    <rich:column width="3%">
                                                        <f:facet name="header">
                                                            <h:selectBooleanCheckbox value="" styleClass="checkAll500New"/>
                                                        </f:facet>
                                                        <div style="width:100%;text-align: center;">
                                                            <h:selectBooleanCheckbox value="" lang="#{item.pn500}" styleClass="checkNew_500select"/>
                                                        </div>
                                                    </rich:column>
                                                    <rich:column style="width:10%;">
                                                        <f:facet name="header">
                                                            <h:outputText value="Họ tên" />
                                                        </f:facet>
                                                        <div style="width:100px; text-align: left;">

                                                            <h:outputText value="#{item.hoten}" />

                                                        </div>
                                                    </rich:column>

                                                    <rich:column width="10%" >
                                                        <f:facet name="header">
                                                            <h:outputText value="Thời gian nghỉ" />
                                                        </f:facet>

                                                        <div style="width:180px; text-align: center">
                                                            <h:outputText style="font-style:italic;" value="#{item.nd501}">
                                                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                                                            </h:outputText>
                                                        </div>
                                                    </rich:column>


                                                    <rich:column  width="10%">
                                                        <f:facet name="header">
                                                            <h:outputText value="Thời gian kết thúc" />
                                                        </f:facet>

                                                        <div style="width:100px; text-align: center">
                                                            <h:outputText style="font-style:italic;" value="#{item.nd505}">
                                                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                                                            </h:outputText>
                                                        </div>
                                                    </rich:column>
                                                </rich:dataTable>

                                            </div>
                                        </div>
                                    </h:panelGroup>
                                </rich:tab>
                                <rich:tab name="TABTL" action="#{EmpBean.chooseTabTL}" label="NGÀY NGHỈ LỄ">
                                    <h:panelGroup id="reload10" style="float:left;width:100%;">
                                        <div style="width: 100% !important;">

                                            <div style="float:left;width:100%;">
                                                <rich:dataTable value="#{c050Controller.listAllN000}" var="item" rowClasses="white,odditem"
                                                                rows="50" style="width:100%" rowKeyVar="index" >

                                                    <rich:column style="width:25px;">
                                                        <f:facet name="header">
                                                            <h:outputText value="STT" />
                                                        </f:facet>
                                                        <div style="width:25px; text-align: center">
                                                            <h:outputText value="#{index+1}" />

                                                        </div>
                                                    </rich:column>
                                                    <rich:column style="width:280px;">
                                                        <f:facet name="header">
                                                            <h:outputText value="Tên ngày lễ" />
                                                        </f:facet>
                                                        <div style="width:280px; text-align: left">
                                                            <h:outputText styleClass="filetext" value="#{item.cv051}" title="#{item.cv052}"/>

                                                        </div>
                                                    </rich:column>

                                                    <rich:column >
                                                        <f:facet name="header">
                                                            <h:outputText value="Nghỉ từ ngày" />
                                                        </f:facet>

                                                        <div style="width:auto; text-align: center">
                                                            <h:outputText value="#{item.time1}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                            </div>
                                                    </rich:column>


                                                    <rich:column  width="160px">
                                                        <f:facet name="header">
                                                            <h:outputText value="Đến ngày" />
                                                        </f:facet>

                                                        <div style="width:160px; text-align: center">
                                                            <h:outputText value="#{item.time2}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                            </div>
                                                    </rich:column>

                                                </rich:dataTable>

                                            </div>
                                        </div>
                                    </h:panelGroup>
                                </rich:tab>

                                <rich:tab name="TABTK" action="#{EmpBean.chooseTabTK}" label="NGÀY HẾT HỢP ĐỒNG">
                                    <h:panelGroup id="reload5" style="float:left;width:100%;">
                                        <div style="width: 100% !important;"> 
                                            <div style="float:left;width:100%;">
                                        <%--        <rich:dataTable value="#{t025Controller.listoftabT025}" var="item"
                                                                rows="50" rowClasses="white,odditem"
                                                                style="width:100%" rowKeyVar="index">

                                                    <rich:column style="width:25px;">
                                                        <f:facet name="header">
                                                            <h:outputText value="#{locale.num}" />
                                                        </f:facet>
                                                        <div style="width:25px; text-align: center">
                                                            <h:outputText value="#{index+1}" />

                                                        </div>
                                                    </rich:column>
                                                    <rich:column style="width:180px;">
                                                        <f:facet name="header">
                                                            <h:outputText value="#{locale.account_num}" />
                                                        </f:facet>
                                                        <div style="width:180px; text-align: center">

                                                            <h:outputText value="#{item.TV027}" />

                                                        </div>
                                                    </rich:column>

                                                    <rich:column width="180px" >
                                                        <f:facet name="header">
                                                            <h:outputText value="#{locate.currency}" />
                                                        </f:facet>

                                                        <div style="width:180px; text-align: center">
                                                            <h:outputText value="#{item.TV028}" />
                                                        </div>
                                                    </rich:column>


                                                    <rich:column  width="180px">
                                                        <f:facet name="header">
                                                            <h:outputText value="#{locale.bank}" />
                                                        </f:facet>

                                                        <div style="width:180px; text-align: center">
                                                            <h:outputText value="#{item.TV029}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                                            </div>
                                                    </rich:column>
                                                    <rich:column  >
                                                        <f:facet name="header">
                                                            <h:outputText value="#{locale.address}" />
                                                        </f:facet>

                                                        <div style="width:atuo; text-align: center">
                                                            <h:outputText value="#{item.TV030}" />
                                                        </div>
                                                    </rich:column >
                                                    <rich:column style="width:35px;">
                                                        <f:facet name="header">
                                                            <h:outputText value="" />
                                                        </f:facet>
                                                        <div style="width:35px; text-align: center">
                                                            <div class="row6">
                                                                <h:outputLink  value="editAccount.jsp?action=edit&id=#{item.REFID}&pt025=#{item.PT025}&itemid=N100&tab=itemcontent&page=employeenew.jsp&height=300px&width=500px" styleClass="fancybox">
                                                                    <img src="../images/edit.png" alt="edit" title="edit"/>
                                                                </h:outputLink>
                                                                <h:outputLink   value="delete.jsp?id=#{item.REFID}&pn100C=#{item.PT025}&table1=N100&flag=T025&tab=itemcontent&page=employeenew.jsp&height=150px&width=300px" styleClass="fancybox">
                                                                    <img src="../images/delete_1.png" alt="delete"  title="delete" />
                                                                </h:outputLink>
                                                            </div>


                                                        </div>
                                                    </rich:column>
                                                </rich:dataTable> --%>
                                            </div> 

                                        </div>
                                    </h:panelGroup>
                                </rich:tab>
                            </rich:tabPanel>
                            <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                             height="30" width="40" zindex="2000">
                                <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                            </rich:modalPanel>
                            <rich:modalPanel styleClass="pleaseimage" id="statPane" autosized="true" minHeight="10" minWidth="80"
                                             height="10" width="80" zindex="2000">
                                <h:graphicImage value="/images/loadingAnimation.gif" alt="ai" />
                            </rich:modalPanel>


                        </div>
                    </div>
                </div>
            </div>
        </a4j:form>

    </body>
</html>


<style type="text/css">
     .sendSMS_person{
            color: #0055A6;;
            cursor: pointer;
        }
    #footer{
        width: 100%;
    }
    #menu_top {
        padding-left:11px !important;
        width:98.3%;
    }
    #content_detail {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
        width: 98.5%;
    }
    #main{
        width:100%;
    }

    #content {
        background: none repeat scroll 0 0 #FFFFFF;
        padding: 0px !important;
        width: 100%;
    }

    #fancybox-wrap{

    }
    .fields_input{
        float: left;
        margin-top:4px;
        width: 100%;
    }


    .mail_sms{
        float: right;
        margin-right: -19px;
        margin-top: 5px;
    }
    .buttonsms {
        /*  background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent; */
        border: 0 none;
        color: white;
        cursor: pointer;
        float: right;
        font-size: 10px;
        font-weight: bold;                
        margin-right: 7px !important; 
        text-transform: uppercase;
        margin-top: -13px;
        width: auto;
    }
    .buttonsms span img{
        height: 23px !important; 
        width: 23px !important; 
    }
    .odditem{
        background-color: #E0EFFC;
    }
    .lbl_cbxEmp{
        float:left;
    }
    .cbx_editEmp{
        float:left;
    }
    .content_right .content{
        margin-top: 10px;
    }
    #header_content{
        width: 84% !important;
    }

    .menutop img{
        height: 25px !important;
        width: 25px !important;
    }
    .menutop{
        margin-top: 0.4%;
    }

    .keysearch{
        height: 28px;
        margin-left: 0;
        width: 87% !important;
    }
    .iconmenu{
        float: left;
        margin-left: 1%;
    }
    .iconmenu img{
        height: 26px;
        width: 26px;
    }
    .white{
        background-color: #FFFFFF;
    }
    .blue{
        background-color: #D0E5E5;
    }

    .cssgroup {
        background: none repeat scroll 0 0 #0F4A56;
        border-radius: 5px 5px 5px 5px;
        color: white;
        display: none;
        height: 213px;
        margin-left: -8.2%;
        position: absolute;
        top: 17%;
        width: 150px;
        z-index: 999;
    }
        #togglesms {
        background: none repeat scroll 0 0 #226579;
        float: left;
        right: 0px;
        margin-top: 100px;
        position: absolute;
        z-index: 999;
        border-radius: 3px;
        border: 1px solid #53B4BF;
    }
</style>